﻿@{
  Layout = null;
}
  <html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <title>
      @ViewBag.AppName
    </title>
    <meta name="description" content="Big Error">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
    <!-- Call App Mode on ios devices -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Remove Tap Highlight on Windows Phone IE -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- base css -->
    <link rel="stylesheet" media="screen, print" href="~/Content/css/vendors.bundle.css">
    <link rel="stylesheet" media="screen, print" href="~/Content/css/app.bundle.css">
    <!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="180x180" href="~/Content/img/favicon/apple-touch-icon.png">
    <link rel="icon" type="~/Content/image/png" sizes="32x32" href="~/Content/img/favicon/favicon-32x32.png">
    <link rel="mask-icon" href="~/Content/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
    <!-- Optional: page related CSS-->
  </head>
  <body>
    <!-- BEGIN Page Wrapper -->
    <div class="page-wrapper alt">
      <!-- BEGIN Page Content -->
      <!-- the #js-page-content id is needed for some plugins to initialize -->
      <main id="js-page-content" role="main" class="page-content">
        <div class="h-alt-f d-flex flex-column align-items-center justify-content-center text-center">
          <h1 class="page-error color-fusion-500">
            ERROR <span class="text-gradient">404</span>
            <small class="fw-500">
              Something <u>went</u> wrong!
            </small>
          </h1>
          <h3 class="fw-500 mb-5">
            You have experienced a technical error. We apologize.
          </h3>
          <h4>
            We are working hard to correct this issue. Please wait a few moments and try your search again.
            <br>In the meantime, check out whats new on SmartAdmin WebApp:
          </h4>
        </div>
      </main>
      <!-- END Page Content -->
      <!-- BEGIN Page Footer -->
      <footer class="page-footer" role="contentinfo">
        <div class="d-flex align-items-center flex-1 text-muted">
          <span class="hidden-md-down fw-700">@Html.Raw(ViewBag.Copyright)</span>
        </div>
        <div>
          <ul class="list-table m-0">
            <li><a href="#" class="text-secondary fw-700">About</a></li>
          </ul>
        </div>
      </footer>
      <!-- END Page Footer -->
    </div>
    <!-- END Page Wrapper -->
    <!-- BEGIN Quick Menu -->
    <!-- to add more items, please make sure to change the variable '$menu-items: number;' in your _page-components-shortcut.scss -->
    <nav class="shortcut-menu d-none d-sm-block">
      <input type="checkbox" class="menu-open" name="menu-open" id="menu_open" />
      <label for="menu_open" class="menu-open-button ">
        <span class="app-shortcut-icon d-block"></span>
      </label>
      <a href="#" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Scroll Top">
        <i class="fal fa-arrow-up"></i>
      </a>
      <a href="page_login.html" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Logout">
        <i class="fal fa-sign-out"></i>
      </a>
      <a href="#" class="menu-item btn" data-action="app-fullscreen" data-toggle="tooltip" data-placement="left" title="Full Screen">
        <i class="fal fa-expand"></i>
      </a>
      <a href="#" class="menu-item btn" data-action="app-print" data-toggle="tooltip" data-placement="left" title="Print page">
        <i class="fal fa-print"></i>
      </a>
      <a href="#" class="menu-item btn" data-action="app-voice" data-toggle="tooltip" data-placement="left" title="Voice command">
        <i class="fal fa-microphone"></i>
      </a>
    </nav>
    <!-- END Quick Menu -->
    <!-- BEGIN Color profile -->
    <!-- this area is hidden and will not be seen on screens or screen readers -->
    <!-- we use this only for CSS color refernce for JS stuff -->
    <p id="js-color-profile" class="d-none">
      <span class="color-primary-50"></span>
      <span class="color-primary-100"></span>
      <span class="color-primary-200"></span>
      <span class="color-primary-300"></span>
      <span class="color-primary-400"></span>
      <span class="color-primary-500"></span>
      <span class="color-primary-600"></span>
      <span class="color-primary-700"></span>
      <span class="color-primary-800"></span>
      <span class="color-primary-900"></span>
      <span class="color-info-50"></span>
      <span class="color-info-100"></span>
      <span class="color-info-200"></span>
      <span class="color-info-300"></span>
      <span class="color-info-400"></span>
      <span class="color-info-500"></span>
      <span class="color-info-600"></span>
      <span class="color-info-700"></span>
      <span class="color-info-800"></span>
      <span class="color-info-900"></span>
      <span class="color-danger-50"></span>
      <span class="color-danger-100"></span>
      <span class="color-danger-200"></span>
      <span class="color-danger-300"></span>
      <span class="color-danger-400"></span>
      <span class="color-danger-500"></span>
      <span class="color-danger-600"></span>
      <span class="color-danger-700"></span>
      <span class="color-danger-800"></span>
      <span class="color-danger-900"></span>
      <span class="color-warning-50"></span>
      <span class="color-warning-100"></span>
      <span class="color-warning-200"></span>
      <span class="color-warning-300"></span>
      <span class="color-warning-400"></span>
      <span class="color-warning-500"></span>
      <span class="color-warning-600"></span>
      <span class="color-warning-700"></span>
      <span class="color-warning-800"></span>
      <span class="color-warning-900"></span>
      <span class="color-success-50"></span>
      <span class="color-success-100"></span>
      <span class="color-success-200"></span>
      <span class="color-success-300"></span>
      <span class="color-success-400"></span>
      <span class="color-success-500"></span>
      <span class="color-success-600"></span>
      <span class="color-success-700"></span>
      <span class="color-success-800"></span>
      <span class="color-success-900"></span>
      <span class="color-fusion-50"></span>
      <span class="color-fusion-100"></span>
      <span class="color-fusion-200"></span>
      <span class="color-fusion-300"></span>
      <span class="color-fusion-400"></span>
      <span class="color-fusion-500"></span>
      <span class="color-fusion-600"></span>
      <span class="color-fusion-700"></span>
      <span class="color-fusion-800"></span>
      <span class="color-fusion-900"></span>
    </p>
    <!-- END Color profile -->
    <!-- base vendor bundle:
  DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations
       + pace.js (recommended)
       + jquery.js (core)
       + jquery-ui-cust.js (core)
       + popper.js (core)
       + bootstrap.js (core)
       + slimscroll.js (extension)
       + app.navigation.js (core)
       + ba-throttle-debounce.js (core)
       + waves.js (extension)
       + smartpanels.js (extension)
       + src/../jquery-snippets.js (core) -->
    <script src="~/Scripts/vendors.bundle.js"></script>
    <script src="~/Scripts/app.bundle.js"></script>
  </body>
  </html>